.container {
		position: relative;
		min-height: 100vh;
		background: #f0f3f8;
	}


	.make-an-appointment {
		border-radius: 60rpx;
		// background-color: #fff;
		min-height: 100vh;
		padding:  20rpx 40rpx;
		padding-top: 0;
		.header-title .h-title{
			padding: 20rpx;
			text-align: center;
			font-size: 32rpx;
			border-bottom: 1px solid #f8f8f8;
			
		}
		.span-title{
			display: flex;
			justify-content: space-between;
			padding: 20rpx 0;
			font-size: 28rpx;
			.right-box{
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
		}
		
	}
	.list-content{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.content-box{
		display: flex;
		font-size: 28rpx;
		margin-bottom: 20rpx;
		width: calc( 50% - 10rpx );
		flex-direction: column;
		align-items: center;
		border-radius: 10rpx;
		background-color: #fff;
		box-sizing: border-box;
		.right-content-box{
			width: 100%;
			padding:0 20rpx 20rpx 20rpx;
			box-sizing: border-box;
		}
		.img-box{
			width: 100%;
			height: 42vw;
			img{
				border-radius: 10rpx;
				width: 100%;
				height: 100%;
			}
		}
		.p-text{
			font-size: 20rpx;
			display: flex;
			justify-content: space-between;
		}
		
		.h-title{
			padding:10rpx 0;
			font-size: 28rpx;
			display: flex;
			justify-content: space-between;
		}
	
	}
.left-box{
	display: flex;
	.avatar-box{
		width: 12vw;
		height: 12vw;
			margin-right: 20rpx;
		img{
			border-radius: 50%;
			width: 100%;
			height: 100%;
		}
	}
	.h-name{
		font-size: 28rpx;
		font-weight: 600;
	}
	.p-name{
		font-size: 24rpx;
	}
}
.physician-box{
	padding: 10rpx;
	display: inline-block;
	background-color: #cc6a6a;
	color: #fff;
	border-radius: 6rpx;
	font-size: 24rpx;
}
.header-box{
	display: flex;
	padding:30rpx 30rpx 20rpx 30rpx;
	background-color: #fff;
	.img-box{
		width: 100rpx;
		height: 100rpx;
		margin-right: 10rpx;
		flex-shrink: 0;
		img{
			width: 100%;
			height: 100%;
			border-radius: 10rpx;
		}
	}
	.text-box{
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 100%;
	}
}
.dept-list{
	display: flex;
	overflow: scroll;
	padding-bottom: 20rpx;
}
.dept-item{
	padding:10rpx 20rpx;
	flex-shrink: 0;
	margin-right: 20rpx;
	background-color: #fff;
	border-radius: 25rpx;
}
.active{
	background-color: #2E75E8;
	color: #fff;
}